﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>Ecology</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>
<div class="page-wrapper">
 	
    <!-- Preloader -->
    <div class="preloader"></div>
    
 	
    <!-- Main Header -->
    <header class="main-header">
    	<div class="top-bar">
        	<div class="top-container">
            	<!--Info Outer-->
                 <div class="info-outer">
                 	<!--Info Box-->
                    <ul class="info-box clearfix">
                        <li><a href="/user/logout">退出登录</a></li>
                        <li><a href="userCenterPage" th:text="${res.user.username}"></a></li>
                    </ul>
                 </div>
            </div>
        </div>
    	<!-- Header Upper -->
        <div class="header-upper">
            <div class="auto-container clearfix">
                <!-- Logo -->
                <div class="logo" style="width: 20%">
                    <a href="index.html"><img src="images/logo-1.png" alt="Ecology"></a>
                 </div>
                 
                 <!--Nav Outer-->
                <div class="nav-outer clearfix">

                    <!-- Main Menu -->
                    <nav class="main-menu">
                        
                        <div class="navbar-header">
                            <!-- Toggle Button -->      
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        
                        <div class="navbar-collapse collapse clearfix">
                            <ul class="navigation">
                                <li><a href="#" style="color: #0F9E5E">概览</a></li>
                                <li><a href="servicePage">我的申请</a></li>
                                <li><a href="plantPage">农作物监控</a></li>
                                <li><a href="controlPage">农作物虫害监控</a></li>
                                <li><a href="messageConsumer">通知公告查看</a></li>
                                <li><a href="userCenterPage">个人中心</a></li>
                            </ul>
                        </div>
                    </nav><!-- Main Menu End-->
                    
                </div>
                
            </div>
        </div><!-- Header Top End -->
        
    </header><!--End Main Header -->
    
    
    <!--Page Title-->
    <section class="page-title" style="background-image:url(images/background/page-title-bg.jpg);">
    	<!--<div class="auto-container">
        	<div class="sec-title">
                <h1>About Us</h1>
                <div class="bread-crumb"><a href="index.html">Home</a> / <a href="#" class="current">About Us</a></div>
            </div>
        </div>-->

            <div class="auto-container" >
                <div class="slider-outer" style="vertical-align:middle">
                    <ul class="sponsors-slider" style="height: 100%;">
                        <li th:each="type, iterStat:${res.t.types}" style="height: 100%;">
                            <span><img th:src="${type.imagePath}" style="height: 15vw;"></span>
                            <h5 style="text-align: center"><span th:text="${type.name}">&nbsp;</span></h5>
                        </li>
                    </ul>
                </div>
            </div>
    </section>

    <!--Blog News Section-->
    <section class="blog-news-section latest-news">
    	<div class="auto-container">
        	
            <div class="sec-title text-center">
                <h2>农产品概览</span></h2>
                <div class="text">浏览农产品，并且可以申请播种</div>
            </div>
            <div class="row clearfix">
                <div class="column blog-news-column col-lg-4 col-md-6 col-sm-6 col-xs-12" th:each="crop, iterStat:${res.t.crops.data}">
                    <article class="inner-box">
                        <figure class="image-box">
                            <img th:src="${crop.image}" alt="" style="height: 20vw;">
                        </figure>
                        <div class="content-box">
                            <h3><span th:text="${crop.name}">&nbsp;</span></h3>
                            <div class="post-info clearfix">
                                <div class="post-author">上传人: <span th:text="${crop.createBy}"></div>
                                <div class="post-options clearfix">
                                    <span class="icon flaticon-communication-2"></span>上传时间：<span th:text="${crop.createTime}"></span>
                                </div>
                            </div>
                            <div class="post-info clearfix">
                                <div class="post-author">备注：<span th:text="${crop.remark}"></div>
                                <div class="post-options clearfix">
                                    <span class="icon flaticon-communication-2"></span>审核中数量(单位：亩)：<span th:text="${crop.count}"></span>
                                </div>
                            </div>
                            <form method="post" action="auditCrops">
                                申请数量：<input type="text" name="count" placeholder="输入...(单位：亩)" required><br>
                                选择土地：<select name="areaId">
                                            <option th:each="area, iterStat:${crop.list}" th:value="${area.areaId}" th:text="${area.areaName}"></option>
                                        </select>
                                <input th:name="cropsId" th:value="${crop.id}" hidden/>
                                <input th:name="pageNum" th:value="${res.t.crops.pageNum}" hidden/>
                                <input style="float: right;color: #4cae4c" type="submit" value="点击申请">
                            </form>
                        </div>
                    </article>
                </div>
            </div>
            <div>
                <div class="modal-footer no-margin-top">
                    <ul class="pagination pull-right no-margin">
                        <!-- 首页 -->
                        <li>
                            <a th:href="'/search?pageNum=1'">首页</a>
                        </li>
                        <!-- 上一页 -->
                        <li>
                            <a th:href="'/search?pageNum=' + ${res.t.crops.jump(-1)}" th:text="上一页"></a>
                        </li>
                        <!-- 下一页 -->
                        <li>
                            <a th:href="'/search?pageNum=' + ${res.t.crops.jump(1)}" th:text="下一页"></a>
                        </li>

                        <!-- 尾页 -->
                        <li>
                            <a th:href="'/search?pageNum=' + ${res.t.crops.maxPage}">尾页</a>
                        </li>
                        <li>
                            <span th:text="'当前页：' + ${res.t.crops.pageNum}"></span>
                        </li>
                        <li>
                            <span th:text="'页面大小：' + ${res.t.crops.pageSize} + '条/页'"></span>
<!--                            <label>-->
<!--                                <select th:οnchange="'window.location=' + ${this.value}">-->
<!--                                    <option th:value="'/search?pageSize=3'" th:selected="${res.t.crops.pageSize == 3}">3</option>-->
<!--                                    <option th:value="'search?pageSize=5'" th:selected="${res.t.crops.pageSize == 5}">5</option>-->
<!--                                    <option th:value="'search?pageSize=10'" th:selected="${res.t.crops.pageSize == 10}">10</option>-->
<!--                                    <option th:value="'/search?pageSize=' + ${res.t.crops.pageSize}" th:selected="${res.t.crops.pageSize == 15}">15</option>-->
<!--                                    <option th:value="'/search?pageSize=' + ${res.t.crops.pageSize}" th:selected="${res.t.crops.pageSize == 20}">20</option>-->
<!--                                </select>-->
<!--                            </label>-->
                        </li>
                        <li>
                            <span th:text="'总条数：' + ${res.t.crops.size}"></span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
<!--    <div class="modal fade pop-box" id="search-detail" aria-labelledby="search-detail" aria-hidden="true">-->
<!--        <div class="modal-dialog">-->
<!--            <div class="modal-content">-->
<!--                <figure class="image-box">-->
<!--                    <div style="margin-left: 20%">-->
<!--                        <img th:src="${res.t.entity.image}" alt="" style="width: 60%; height: 60%">-->
<!--                    </div>-->
<!--                </figure>-->
<!--                &lt;!&ndash;Donation Section&ndash;&gt;-->
<!--                <section class="donation-section">-->
<!--                    <h3><span th:text="${res.t.entity.name}">&nbsp;</span></h3>-->
<!--                    <div class="post-info clearfix">-->
<!--                        <div class="post-author">上传人: <span th:text="${res.t.entity.createBy}"></div>-->
<!--                        <div class="post-options clearfix">-->
<!--                            <span class="icon flaticon-communication-2"></span>上传时间：<span th:text="${res.t.entity.createTime}"></span>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </section>-->
<!--            </div>-->
<!--            &lt;!&ndash; /.modal-content &ndash;&gt;-->
<!--        </div>-->
<!--        &lt;!&ndash; /.modal-dialog &ndash;&gt;-->
<!--    </div>-->
    
    <!--Sponsors Section-->

    
   
    
    <!--Main Footer-->
    <footer class="main-footer" style="background-image:url(images/background/footer-bg.jpg);">
        
        <!--Footer Upper-->        
<!--        <div class="footer-upper">-->
<!--            <div class="auto-container">-->
<!--                <div class="row clearfix">-->
<!--                    -->
<!--                    &lt;!&ndash;Two 4th column&ndash;&gt;-->
<!--&lt;!&ndash;                    <div class="col-md-6 col-sm-12 col-xs-12">&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="row clearfix">&ndash;&gt;-->
<!--&lt;!&ndash;                            <div class="col-lg-7 col-sm-6 col-xs-12 column">&ndash;&gt;-->
<!--&lt;!&ndash;                                <div class="footer-widget about-widget">&ndash;&gt;-->
<!--&lt;!&ndash;                                    <div class="logo"><a href="index.html"><img src="../static/images/logo-2.png" class="img-responsive" alt=""></a></div>&ndash;&gt;-->
<!--&lt;!&ndash;                                    &ndash;&gt;-->
<!--&lt;!&ndash;                                    &ndash;&gt;-->
<!--&lt;!&ndash;                                    <ul class="contact-info">&ndash;&gt;-->
<!--&lt;!&ndash;                                        <li><span class="icon fa fa-map-marker"></span> 447, Broad Way, NewYork</li>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <li><span class="icon fa fa-phone"></span> +11-08-35679</li>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <li><span class="icon fa fa-envelope-o"></span> hello@ecology.com</li>&ndash;&gt;-->
<!--&lt;!&ndash;                                    </ul>&ndash;&gt;-->
<!--&lt;!&ndash;                                    &ndash;&gt;-->
<!--&lt;!&ndash;                                    <div class="social-links-two clearfix">&ndash;&gt;-->
<!--&lt;!&ndash;                                        <a href="#" class="facebook img-circle"><span class="fa fa-facebook-f"></span></a>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <a href="#" class="twitter img-circle"><span class="fa fa-twitter"></span></a>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <a href="#" class="google-plus img-circle"><span class="fa fa-google-plus"></span></a>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <a href="#" class="linkedin img-circle"><span class="fa fa-pinterest-p"></span></a>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <a href="#" class="linkedin img-circle"><span class="fa fa-linkedin"></span></a>&ndash;&gt;-->
<!--&lt;!&ndash;                                    </div>&ndash;&gt;-->
<!--&lt;!&ndash;                                    &ndash;&gt;-->
<!--&lt;!&ndash;                                </div>&ndash;&gt;-->
<!--&lt;!&ndash;                            </div>&ndash;&gt;-->
<!--&lt;!&ndash;                            &ndash;&gt;-->
<!--&lt;!&ndash;                            &lt;!&ndash;Footer Column&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;                            <div class="col-lg-5 col-sm-6 col-xs-12 column">&ndash;&gt;-->
<!--&lt;!&ndash;                                <h2>About us</h2>&ndash;&gt;-->
<!--&lt;!&ndash;                                <div class="footer-widget links-widget">&ndash;&gt;-->
<!--&lt;!&ndash;                                    &ndash;&gt;-->
<!--&lt;!&ndash;                                <p>Above the law sunny days sweeping the clouds away fateful trip .That started my way to where the air is sweet can you tell me how to get .</p>&ndash;&gt;-->
<!--&lt;!&ndash;                                </div>&ndash;&gt;-->
<!--&lt;!&ndash;                            </div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                    </div>&lt;!&ndash;Two 4th column End&ndash;&gt;&ndash;&gt;-->
<!--                    -->
<!--                    &lt;!&ndash;Two 4th column&ndash;&gt;-->
<!--&lt;!&ndash;                    <div class="col-md-6 col-sm-12 col-xs-12">&ndash;&gt;-->
<!--&lt;!&ndash;                        <div class="row clearfix">&ndash;&gt;-->
<!--&lt;!&ndash;                        &ndash;&gt;-->
<!--&lt;!&ndash;                            &ndash;&gt;-->
<!--&lt;!&ndash;                            &lt;!&ndash;Footer Column&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;                            <div class="col-lg-5 col-sm-6 col-xs-12 column">&ndash;&gt;-->
<!--&lt;!&ndash;                                <div class="footer-widget links-widget">&ndash;&gt;-->
<!--&lt;!&ndash;                                    <h2>Recent projects</h2>&ndash;&gt;-->
<!--&lt;!&ndash;                                    <ul>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <li><a href="#">tree plantation</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <li><a href="#">Drinking water supply</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <li><a href="#">Campaign</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <li><a href="#">Waste management</a></li>&ndash;&gt;-->
<!--&lt;!&ndash;                                        &ndash;&gt;-->
<!--&lt;!&ndash;                                        &ndash;&gt;-->
<!--&lt;!&ndash;                                    </ul>&ndash;&gt;-->
<!--&lt;!&ndash;        &ndash;&gt;-->
<!--&lt;!&ndash;                                </div>&ndash;&gt;-->
<!--&lt;!&ndash;                            </div>&ndash;&gt;-->

<!--&lt;!&ndash;                            &lt;!&ndash;Footer Column&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;                            <div class="col-lg-7 col-sm-6 col-xs-12 column">&ndash;&gt;-->
<!--&lt;!&ndash;                                <div class="footer-widget news-widget">&ndash;&gt;-->
<!--&lt;!&ndash;                                    <h2>农产品概览</h2>&ndash;&gt;-->
<!--&lt;!&ndash;                                    &ndash;&gt;-->
<!--&lt;!&ndash;                                    &lt;!&ndash;News Post&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;                                    <div class="news-post">&ndash;&gt;-->
<!--&lt;!&ndash;                                        <div class="icon"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <div class="news-content"><figure class="image-thumb"><img src="images/resource/post-thumb-4.jpg" alt=""></figure><a href="#">That started my way to where the air is sweet can you tell me how to get</a></div>&ndash;&gt;-->
<!--&lt;!&ndash;                                        &ndash;&gt;-->
<!--&lt;!&ndash;                                    </div>&ndash;&gt;-->
<!--&lt;!&ndash;                                    &ndash;&gt;-->
<!--&lt;!&ndash;                                    &lt;!&ndash;News Post&ndash;&gt;&ndash;&gt;-->
<!--&lt;!&ndash;                                    <div class="news-post">&ndash;&gt;-->
<!--&lt;!&ndash;                                        <div class="icon"></div>&ndash;&gt;-->
<!--&lt;!&ndash;                                        <div class="news-content"><figure class="image-thumb"><img src="images/resource/post-thumb-5.jpg" alt=""></figure><a href="#">That started my way to where the air is sweet can you tell me how to get</a></div>&ndash;&gt;-->
<!--&lt;!&ndash;                                        &ndash;&gt;-->
<!--&lt;!&ndash;                                    </div>&ndash;&gt;-->
<!--&lt;!&ndash;                                    &ndash;&gt;-->
<!--&lt;!&ndash;                                </div>&ndash;&gt;-->
<!--&lt;!&ndash;                            </div>&ndash;&gt;-->
<!--&lt;!&ndash;                        </div>&ndash;&gt;-->
<!--&lt;!&ndash;                    </div>&lt;!&ndash;Two 4th column End&ndash;&gt;&ndash;&gt;-->
<!--                    -->
<!--                </div>-->
<!--                -->
<!--            </div>-->
<!--        </div>-->
        
        <!--Footer Bottom-->
<!--        <div class="footer-bottom">-->
<!--            <div class="auto-container clearfix">-->
<!--                &lt;!&ndash;Copyright&ndash;&gt;-->
<!--                <div class="copyright text-center">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://www.17sucai.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>-->
<!--            </div>-->
<!--        </div>-->
        
    </footer>
    
</div>
<!--End pagewrapper-->


<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="fa fa-long-arrow-up"></span></div>



<!-- /.modal-dialog -->
</div>
<!-- /.modal -->

<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>
</body>
</html>
